<div class="btn-box">
        <div class="content">
            <a href="#" class="item">
                <img src="gfx/icons/big/dashboard.png" alt="Dashboard" />
                <span>Dashboard</span>
                Back to the dashboard
            </a>

            <a href="#" class="item">
                <img src="gfx/icons/big/messages.png" alt="Messages" />
                <span>Messages</span>
                Go to your inbox
            </a>

            <a href="#" class="item">
                <img src="gfx/icons/big/settings.png" alt="Settings" />
                <span>Settings</span>
                Change your settings
            </a>

            <a href="#" class="item">
                <img src="gfx/icons/big/support.png" alt="Support" />
                <span>Support</span>
                Need some support?
            </a>

            <a href="#" class="item">
                <img src="gfx/icons/big/statics.png" alt="Statics" />
                <span>Statics</span>
                See your statistics
            </a>

        </div>
    </div>

    <div class="section">
        <div class="box">
            <div class="title">
                Chart
                <span class="hide"></span>
            </div>
            <div class="content">
                <div class="chart-caption">Statistics February</div> 
                <table class="chart" style="width : 100%;"> 
                    <thead> 
                        <tr> 
                            <th></th> 
                            <th style="color : #e10000;">unique visitors</th> 
                            <th style="color : #000000;">pageviews</th> 
                        </tr> 
                    </thead> 
                    <tbody> 
                        <tr> 
                            <th>1</th><td>10</td><td>60</td> 
                        </tr> 
                        <tr> 
                            <th>2</th><td>40</td><td>90</td> 
                        </tr> 
                        <tr> 
                            <th>3</th><td>70</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>4</th><td>100</td><td>150</td> 
                        </tr> 
                        <tr> 
                            <th>5</th><td>130</td><td>180</td> 
                        </tr> 
                        <tr> 
                            <th>6</th><td>160</td><td>210</td> 
                        </tr> 
                        <tr> 
                            <th>7</th><td>190</td><td>240</td> 
                        </tr> 
                        <tr> 
                            <th>8</th><td>160</td><td>210</td> 
                        </tr> 
                        <tr> 
                            <th>9</th><td>130</td><td>180</td> 
                        </tr> 
                        <tr> 
                            <th>10</th><td>100</td><td>150</td> 
                        </tr> 
                        <tr> 
                            <th>11</th><td>70</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>12</th><td>40</td><td>90</td> 
                        </tr> 
                        <tr> 
                            <th>13</th><td>70</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>14</th><td>100</td><td>150</td> 
                        </tr> 
                        <tr> 
                            <th>15</th><td>130</td><td>180</td> 
                        </tr> 
                        <tr> 
                            <th>16</th><td>160</td><td>210</td> 
                        </tr> 
                        <tr> 
                            <th>17</th><td>190</td><td>240</td> 
                        </tr> 
                        <tr> 
                            <th>18</th><td>220</td><td>270</td> 
                        </tr> 
                        <tr> 
                            <th>19</th><td>250</td><td>240</td> 
                        </tr> 
                        <tr> 
                            <th>20</th><td>280</td><td>210</td> 
                        </tr> 
                        <tr> 
                            <th>21</th><td>310</td><td>180</td> 
                        </tr> 
                        <tr> 
                            <th>22</th><td>280</td><td>150</td> 
                        </tr> 
                        <tr> 
                            <th>23</th><td>250</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>24</th><td>220</td><td>90</td> 
                        </tr> 
                        <tr> 
                            <th>25</th><td>190</td><td>60</td> 
                        </tr> 
                        <tr> 
                            <th>26</th><td>160</td><td>90</td> 
                        </tr> 
                        <tr> 
                            <th>27</th><td>130</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>28</th><td>100</td><td>150</td> 
                        </tr> 
                        <tr> 
                            <th>29</th><td>70</td><td>120</td> 
                        </tr> 
                        <tr> 
                            <th>30</th><td>40</td><td>90</td> 
                        </tr>
                        <tr> 
                            <th>31</th><td>10</td><td>60</td> 
                        </tr> 
                    </tbody> 
                </table>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="half">
            <div class="box">
                <div class="title">
                    Recent comments
                    <span class="hide"></span>
                </div>
                <div class="content">
                    <ul class="comments">
                        <li>
                            <a href="#"><img src="gfx/user-photo.gif" alt="User" /></a>
                            <a href="#"><b>John do</b></a> says:<br />
                            Vestibulum at metus mauris, sed iaculis. 
                            Vestibulum hendrerit mattis blandit. 
                        </li>
                        <li>
                            <a href="#"><img src="gfx/user-photo.gif" alt="User" /></a>
                            <a href="#"><b>John do</b></a> says:<br />
                            Vestibulum at metus mauris, sed iaculis. 
                            Vestibulum hendrerit mattis blandit. 
                        </li>
                        <li>
                            <a href="#"><img src="gfx/user-photo.gif" alt="User" /></a>
                            <a href="#"><b>John do</b></a> says:<br />
                            Vestibulum at metus mauris, sed iaculis. 
                            Vestibulum hendrerit mattis blandit. 
                        </li>
                        <li>
                            <a href="#"><img src="gfx/user-photo.gif" alt="User" /></a>
                            <a href="#"><b>John do</b></a> says:<br />
                            Vestibulum at metus mauris, sed iaculis. 
                            Vestibulum hendrerit mattis blandit. 
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="half">
            <div class="box">
                <div class="title">
                    Quick page insert
                    <span class="hide"></span>
                </div>
                <div class="content">
                    <form action="">
                        <div class="row">
                            <label>Title</label>
                            <div class="right"><input type="text" value="" /></div>
                        </div>
                        <div class="row">
                            <label>Your tags</label>
                            <div class="right"><input type="text" value="" /></div>
                        </div>
                        <div class="row">
                            <label>Page content</label>
                            <div class="right"><textarea rows="" cols="" style="height : 144px;"></textarea></div>
                        </div>
                        <div class="row">
                            <label></label>
                            <div class="right"><button type="submit"><span>Sumbit</span></button></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="box">
            <div class="title">
                When was somewone online
                <span class="hide"></span>
            </div>
            <div class="content">
                <table cellspacing="0" cellpadding="0" border="0" class="all"> 
                    <thead> 
                        <tr>
                            <th>Username</th>
                            <th>Duration</th>
                            <th>Date</th>
                            <th>Last visit page</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>John Do</td>
                            <td>10 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Dashboard</a></td>
                        </tr>
                        <tr>
                            <td>Hong Gildong</td>
                            <td>3 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Login</a></td>
                        </tr>
                        <tr>
                            <td>Israel Israeli</td>
                            <td>7 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Our Company</a></td>
                        </tr>
                        <tr>
                            <td>John Smith</td>
                            <td>3 hours</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Message inbox</a></td>
                        </tr>
                        <tr>
                            <td>Luther Blissett</td>
                            <td>41 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">My profile</a></td>
                        </tr>
                        <tr>
                            <td>Tommy Atkins</td>
                            <td>1 hour</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Settings</a></td>
                        </tr>
                        <tr>
                            <td>Average Joe</td>
                            <td>39 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Contact form</a></td>
                        </tr>
                        <tr>
                            <td>Nomen nescio</td>
                            <td>56 sec</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Build a page</a></td>
                        </tr>
                        <tr>
                            <td>Joe Shmoe</td>
                            <td>45 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">My statics</a></td>
                        </tr>
                        <tr>
                            <td>Jane Doe</td>
                            <td>23 min</td>
                            <td>23 January 2012</td>
                            <td><a href="#">Dashboard</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="half">
            <div class="box">
                <div class="title">
                    Some tabs
                    <span class="hide"></span>
                </div>
                <div class="content nopadding">
                    <div class="tabs">
                        <div class="tabmenu">
                            <ul> 
                                <li><a href="#tabs-1">Tab 001</a></li> 
                                <li><a href="#tabs-2">Tab 002</a></li> 
                                <li><a href="#tabs-3">Tab 003</a></li> 
                            </ul>
                        </div>

                        <div class="tab" id="tabs-1">
                            <h2>The first tab</h2>
                            <p>
                                Suspendisse sed mi vel diam sodales lacinia. Integer
                                molestie euismod suscipit. Nunc lectus sapien, dignis
                                sim ut bibendum in, tincidunt quis lacus.
                            </p>
                            <p>
                                Quisque convallis scelerisque est, ac vulputate turpis
                                convallis sit amet. Etiam tempus viverra lacus quis
                                faucibus. Cras varius volutpat mi sit amet egestas.
                            </p>
                            <p>
                                Vivamus posuere elementum ligula et. Aliquam
                                ligula sapien, gravida fermentum tempus. 
                            </p>
                        </div>

                        <div class="tab" id="tabs-2">
                            <h2>The second tab</h2>
                            <p>
                                Suspendisse sed mi vel diam sodales lacinia. Integer
                                molestie euismod suscipit. Nunc lectus sapien, dignis
                                sim ut bibendum in, tincidunt quis lacus.
                            </p>
                            <p>
                                Quisque convallis scelerisque est, ac vulputate turpis
                                convallis sit amet. Etiam tempus viverra lacus quis
                                faucibus. Cras varius volutpat mi sit amet egestas.
                            </p>
                            <p>
                                Vivamus posuere elementum ligula et. Aliquam
                                ligula sapien, gravida fermentum tempus. 
                            </p>
                        </div>

                        <div class="tab" id="tabs-3">
                            <h2>The third tab</h2>
                            <p>
                                Suspendisse sed mi vel diam sodales lacinia. Integer
                                molestie euismod suscipit. Nunc lectus sapien, dignis
                                sim ut bibendum in, tincidunt quis lacus.
                            </p>
                            <p>
                                Quisque convallis scelerisque est, ac vulputate turpis
                                convallis sit amet. Etiam tempus viverra lacus quis
                                faucibus. Cras varius volutpat mi sit amet egestas.
                            </p>
                            <p>
                                Vivamus posuere elementum ligula et. Aliquam
                                ligula sapien, gravida fermentum tempus. 
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="half">
            <div class="box">
                <div class="title">
                    Recent photos
                    <span class="hide"></span>
                </div>
                <div class="content nopadding">
                    <div class="gallery">
                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>

                        <div class="thumb">
                            <div class="hover"><a href="#"></a></div>
                            <a href="#" class="pirobox" rel="single" title=""><img src="gfx/photo.jpg" alt="Photo" /></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>